/*master page css*/
*{
		padding:0;
		margin: 0;
	}
	html{
		color: #252525;
	}
	body{
		width: 100%;
		position: relative;
		font-family:"微软雅黑";
	}
	a{text-decoration:none; cursor: pointer; }
	a:focus {outline-style:none; -moz-outline-style: none;}
	img{
		border:0;
	}
	.header{
		width:100%;
		height:120px;
		background:url(/img/admin/topBg.png) no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
		color:#fff;

	}
	.header .headerLeft{
		height: 140px;
		line-height: 140px;
		margin-left: 50px;
		float: left;
		font-size: 40px;
		
	}
	.header .headerRight{
		float: right;
		margin-right: 50px;
		margin-top: 46px;
	}
	.header .headerRight div{
		line-height: 48px;
		float: left;
		height: 48px;
	}
	.header .headerRight .btn{
		width:135px;
		height: 45px;
		display: inline-block;
		padding: 5px 0;
		margin-left: 20px;
		text-align: center;
		cursor: pointer;
	}
	.header .headerRight .modifyPassword{
		background:url(/img/admin/modifyPassword1.png) no-repeat;
		background-size: 100% 100%;
	}
	.header .headerRight .modifyPassword:visited{
		background:url(/img/admin/modifyPassword1.png) no-repeat;
		background-size: 100% 100%;
	}.header .headerRight .modifyPassword:hover{
		background:url(/img/admin/modifyPassword2.png) no-repeat;
		background-size: 100% 100%;
		color: #fff;
	}.header .headerRight .modifyPassword:active{
		background:url(/img/admin/modifyPassword2.png) no-repeat;
		background-size: 100% 100%;
		color: #fff;
	}
	.header .headerRight .bowOut{
		background:url(/img/admin/bowOut1.png) no-repeat;
		background-size: 100% 100%;
	}
	.header .headerRight .bowOut:visited{
		background:url(/img/admin/bowOut1.png) no-repeat;
		background-size: 100% 100%;
		color: #fff;
	}
	.header .headerRight .bowOut:hover{
		background:url(/img/admin/bowOut2.png) no-repeat;
		background-size: 100% 100%;
		color: #fff;
	}
	.header .headerRight .bowOut:active{
		background:url(/img/admin/bowOut2.png) no-repeat;
		background-size: 100% 100%;
	}
	.header .headerRight  .btn p{
		float: left;
		margin-left: 8px;
		height: 34px;
		line-height: 35px;
	}
	.header .headerRight .btn .modifyLogo{
		width:29px;
		display: inline-block;
		background:url(/img/admin/modifyLogo.png) no-repeat;
		background-position: center center;
	}

	.header .headerRight .btn .bowoutLogo{
		width:29px;
		display: inline-block;
		background:url(/img/admin/bowoutLogo.png) no-repeat;
		background-position: center center;
	}
	.content{
		width:100%;
		overflow: hidden;
	}
	.content .contentLeft{
		width:15%;
		float: left;
		color:#fff;
		background: #101113;
	}
	.content .contentLeft .logoBox{
		background:#313131;
		padding:30px 0;
		text-align: center;
	}
	.content .contentLeft .logoBox img{
		width:70%;
		text-align: center;
	}
	.content .contentLeft .menuList{
		width:100%;
	}
	.content .contentLeft .menuList a{
		display: block;
		padding-left:70px;
		list-style: none;
		height:38px;
		line-height: 38px;
		position: relative;
		cursor: pointer;
		text-align: center;
	}
	.content .contentLeft .menuList a.aHoverBackground{
		background: #224247;
	}
	.content .contentLeft .menuList a:link{
		background: #101113;
		color: #fff;
	}
	.content .contentLeft .menuList a:visited{
		background:#101113;
		color: #fff;
	}
	.content .contentLeft .menuList a img{
		position: absolute;
		left:30%;
		top:8px;
	}
	.content .contentLeft .menuList a span{
		position: absolute;
		right:30px;
		top:0;
		color: #2ADDDA;
	}
	.content .contentRight {
		overflow: hidden;
		width: 85%;
		float: left;
	}
	.content .contentRight .itemText{
		width:90%;
		height: 50px;
		position: relative;
		margin-top: 20px;
		color: #1f1f1f;
		margin-left: 5%;
		font-size: 20px;
		border-bottom: 1px solid #3b3b3b;
	}
	.content .contentRight .itemText .linkBtn{
		cursor: pointer;
	}
	.content .contentRight .itemText .spanFirst{
		font-weight:bold;
	}
	.content .contentRight .itemText .exportBtn{ 
		height: 33px;
		width: 85px;
		position: absolute;
		right: 2%;
		top:0;
		font-size: 16px;
		cursor: pointer;
		color: #F63C5C;
	}
	.content .contentRight .itemText .exportBtn img{
		margin-left: 10px;
	}
	.content .contentRight .searchList{
		width:90%;
		margin-left: 5%;
	}
	.content .contentRight .searchList:after {clear:both;}
	.content .contentRight .searchList div{
		width:300px;
		float: right;
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.content .contentRight .searchList .seizeBox{
		height: 25px;
	}
	.content .contentRight .searchList div.Content1{
		width:80px;
		margin-right:0;
		float:left;
		margin-bottom: 15px;
		margin-top: 30px;
	}
	.content .contentRight .searchList .installUser{
		margin-left: 50px;
	}
	.content .contentRight .searchList div.Content2{
		width:300px;
		margin-right:0;
		float:left;
		margin-bottom: 15px;
		margin-top: 30px;
	}
	.content .contentRight .searchList .aaa,.content .contentRight .searchList .queryBoxBtn{
		display: block;
		float: right;
		margin-right: 1%;
		margin-top: 20px;
		margin-bottom: 20px;
		width:80px;
		height: 24px;
		border-radius: 10px;
		color:#fff;
		text-align: center;
		line-height: 24px;
		background:url(/img/admin/headBtn_bg1.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;
	}
	.content .contentRight .searchList .aaa:hover{background:url(/img/admin/headBtn_bg2.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;}
	.content .contentRight .searchList .aaa:visited{background:url(/img/admin/headBtn_bg1.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;}
	.content .contentRight .searchList .aaa:active{background:url(/img/admin/headBtn_bg2.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;}

		.content .contentRight .searchList .queryBoxBtn:hover{background:url(/img/admin/headBtn_bg2.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;}
	.content .contentRight .searchList .queryBoxBtn:visited{background:url(/img/admin/headBtn_bg1.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;}
	.content .contentRight .searchList .queryBoxBtn:active{background:url(/img/admin/headBtn_bg2.png) no-repeat;
		background-size: 88px 24px;
		background-position: center center;}
	.content .contentRight .searchList  div  input{
		width:215px;
		height:23px;
		border-radius: 10px;
		outline:none;
		border:1px solid #505050;
		padding:0 27px;
		background: url(/img/admin/queryBg.png) no-repeat;
		background-position: 5px center;
	}
	.content .contentRight .searchList  div  p{
		float: left;
		font-weight:bold;
		font-size: 18px;
	}
	.clearfloat{clear:both} 
	.content .contentRight .searchList  div .deviceCheckDropBox{
		border:1px solid #1e90ff;
		color: #8c8b8b;
		width:168px;
		display: none;
		position: absolute;
		left: 65px;
		top: 3px;
		cursor: pointer;
	}	
	.content .contentRight .searchList  div .deviceCheckDropBox a{
		display: block;
		background: #fff;
	}
	.content .contentRight .searchList  div .deviceCheckDropBox a:hover{
		background: #1e90ff;
		color:#fff;
	}

	.content .contentRight .searchList  div .deviceCheckBox{
		width:180px;
		height:23px;
		display: inline-block;
		border-radius: 10px;
		border:1px solid #505050;
		padding:0 7px;
		color: #8c8b8b;
		background: url(/img/admin/downLog.png) no-repeat;
		background-position: 160px center;
		background-size: 9px 9px;
		cursor: pointer;
	}
	.dataTables{
		width:90%;
		margin-left: 5%;
		border-bottom: 1px solid #505050;
		border-right: 1px solid #505050;
	}
	.dataTables tr td{
		text-align: center;
		padding:5px;
		border: 1px solid #505050;
		border-bottom: none;
		border-right:none;
		word-break:break-all;
　　	word-wrap:break-word;
		padding: 5px 0;
		/*width: 200px;*/
	}
	.dataTables thead{
		background: #D8D2D2;
	}
	.dataTables thead tr{
		height: 50px;
		font-weight: bold;
	}
	.devicecodeVal{
		width:500px;
	}
	.bindUser{
		max-width: 300px;
		min-width: 60px;
	}
	.rightFooter{
		width:90%;
		margin-top: 15px;
		margin-left: 5%;
	}
	.warningBg{
		background: #F29C9F;
	}
	.dataTable tr td.serviceBg{
		background: #FACD89;
	}
	.dataTable tr td.lessWaterBg{
		background: #F6C4D0;
	}
	.dataTable tr td a.btnBg{
		background: #b3b1b1;
	}
	.dataTable tr td{
		text-align: center;
		padding:5px;
		border: 1px solid #505050;
		border-bottom: none;
		border-right:none;
		word-break:break-all;
　　	word-wrap:break-word;
	}
	.hint_bg{
		width:100%;
		display: none;	
		background: rgba(0,0,0,.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
		font-size: .8rem;
	}
	.hint_bg .hint_box{
		width: 350px;
		height: 200px;
		background: #ecebeb;	
		position: absolute;
		text-align: center;
		color:#000;
		border-radius: 13px;
		left:50%; 
		top:50%;
		margin-left:-150px; 
		margin-top:-120px; 
	}
	.hint_bg .hint_box p{
		margin-top: 40px;
		font-size: 15px;
		padding: 0 10px;
		line-height: 30px;
		color: #f00;
	}
	.hint_bg .hint_box a{
		display: block;
		width:100px;
		margin: 50px auto; 
		border:1px solid #aaa;
		padding: 6px 0;
		border-radius:15px;
		cursor:pointer;
		color:#428bca; 
	}
	.hint_bg .hint_box a:link{background: #fff;}
	.hint_bg .hint_box a:visited{background: #fff;}
	.hint_bg .hint_box a:hover{background: #ccc;}
	.hint_bg .hint_box a:active{background: #ccc;}
	.hint_casket .hint_btn{
		width:350px;
		height: 40px;	
	}
	.hint_casket .hint_btn div{
		float: left;
		margin-left: 60px;
		margin-top: 60px;
		width:85px;
		border:1px solid #7e7e7e;
		padding: 6px 0;
		border-radius:6px;
		cursor:pointer;
	}
	.pagination{
		float: right;
	}
	/*fluxHint page dss*/
	.checkedBox{
		display:inline-block;
		width:15px;
		height: 15px;
		border: 2px solid #ccc;
		cursor: pointer;
	}
	.checkedBoxBg{
		background:url(/img/admin/checkedBox.png);
		background-size: 100% 100%;
		background-position: center center; 
	}
	
	.warnBg{
		background:#ECFCB3;
	}
	.checkHintBoxBg{
		width:100%;
		position: absolute;
		top:0;
		left: 0;
		display: none;
	}
	.checkHintBoxBg .checkHintBox div a.noBtn{
		margin-left: 40px;
	}
	/*dataHistoryNote page css*/
	.dataHistoryNote thead{
		background: #D8D2D2;
	}
	.dataHistoryNote thead tr{
		height: 50px;
		font-weight: bold;
	}
	.dataHistoryNote tr.serviceBg{
		background: #fad4d4;
	}
	.dataHistoryNote tr.lessWaterBg{
		background: #fce0cd;
	}
	/*userInfor page css */
	.bombBoxBg{
		width:100%;
		position: absolute;
		top:0;
		left: 0;
		display: none;
	}
	.bombBoxBg .bombBox{
		width:800px;
		height: 500px;
		border:1px solid #a8a5a5;
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-425px;
		margin-top:-250px;
		background:#fff;
		border-radius: 20px;
		box-shadow:3px 3px 30px 15px #ccc;
	}
	.bombBoxBg .bombBox > label{
		display: block;
		text-align: center;
		height: 25px;
		color: #f00;
	}
	.bombBox .titleTxt{
		width:700px;
		font-size: 16px;
		margin: 40px auto;
		margin-left: 50px;
		font-weight:bold;
		padding-bottom: 15px;
		border-bottom: 1px  solid #121212;
	}
	.bombBox .writeBox{
		width:540px;
		margin: 25px auto;
		margin-left: 140px;
	}
	.bombBox .writeBox p.sex_p{
		position: relative;
	}
	.bombBox .writeBox p .sexInput{
		width:400px;
		height: 22px;
		display:block;
		float: left;
		background:url(/img/admin/downLog.png) no-repeat;
		background-size: 9px 9px;
		background-position: 380px center;
		border:1px solid #ccc;
		font-weight: 300;
	}
	.bombBox .writeBox p span{
		width:120px;
		height: 35px;
		font-weight:bold;
		display:block;
		float: left;
	}
	.bombBox .writeBox p span.sexBox{
		width:400px;
		height: 46px;
		position: absolute;
		top:58px;
		left: 120px;
		background: #fff;
		border:1px solid #ccc;
		font-weight: 300;
		z-index: 100000;
		display: none;
	}
	.bombBox .writeBox p span.sexBox a{
		display: block;
		width:100%;
		height: 23px;
	}
	.bombBox .writeBox p span.sexBox a:hover{
		background: #1E90FF;
		color: #fff;
	}
	.bombBox .writeBox p input{
		width:400px;
		height: 22px;
		margin-bottom: 15px;
		border:1px solid #ccc;
		display:block;
		float: left;
		
	}
	.bombBox .btnBox{
		width:520px;
		margin-left:140px;
	}
	.bombBox .btnBox a{
		display: inline-block;
		width:150px;
		height: 35px;
		line-height: 35px;
		border-radius: 20px;
		border:1px solid #565656;
		margin-left:70px;
		text-align: center;
	}
	.content .contentRight .searchList div input.writeQueryBox{
		background: url(/img/admin/queryBg.png) no-repeat;
		background-position: 10px center;
		width: 250px;
		padding-left: 35px;
	}
	/*afterService page css*/

	 .afterService tr td span.checkedBox{
		width:15px;
		height: 15px;
		display: inline-block;
		border:2px solid #ccc;
		cursor: pointer;
	}
	.checkHintBoxBg{
		width: 100%;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	.checkHintBoxBg .checkHintBox{
		width:500px;
		height: 300px;
		border:1px solid #a8a5a5;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-250px;
		margin-top:-150px;
		background:#fff;
		border-radius: 20px;
		box-shadow:3px 3px 30px 15px #ccc;
	}
	.checkHintBoxBg .checkHintBox p{
		width:450px;
		height: 30px;
		margin-top:30px;
		margin-left: 25px;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		font-size: 16px;
	}
/*	.checkHintBoxBg .checkHintBox label{
		display: block;
		text-align: center;
		height: 25px;
		margin: 30px;
		color: #f00; 
	}*/
	.checkHintBoxBg .checkHintBox div{
		text-align: center;
		margin:25px auto;
	}
	.checkHintBoxBg .checkHintBox div .yesBtn{
		margin-right: 10px;
	}
	.checkHintBoxBg .checkHintBox div a{
		width:120px;
		height: 30px;
		display: inline-block;
		border:#737373 solid 1px;
		border-radius: 20px;
		line-height:30px;
	}

	.editHintBoxBg .editHintBox .btnBox,.addHintBoxBg .addHintBox .addBtnBox{
		width:500px;
		height: 30px;
		margin-left: 150px;
		margin-top: 20px;
	}
	.editHintBoxBg .editHintBox .btnBox a,.addHintBoxBg .addHintBox .addBtnBox a{
		width:135px;
		height: 30px;
		display: inline-block;
		border:#ccc solid 1px;
		border-radius: 20px;
		line-height:30px;
		margin-left: 70px;
		text-align: center;
	}
	.editHintBoxBg .editHintBox div .dateBox,.addHintBoxBg .addHintBox div .addDateBox{
		width:60px;
		margin-right: 5px;
		margin-left: 0;
	}
	
	.deleteBoxBg{
		width: 100%;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	.deleteBoxBg .deleteBox{
		position: absolute;
		width:500px;
		height: 300px;
		padding:0 50px;
		border:1px solid #a8a5a5;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-200px;
		margin-top:-150px;
		background:#fff;
		border-radius: 20px;
		box-shadow:3px 3px 30px 15px #ccc;

	}
	.deleteBox p{
		height: 40px;
		margin: 20px 0;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		font-size: 16px;
	}
	.deleteBox .btnBox{
		margin: 20px auto;
	}
	.deleteBox .titleText{
		margin:40px 0;
		text-align: center;
	}
	.deleteBox .btnBox a{
		width: 120px;
	    height: 30px;
	    display: inline-block;
	    border: #737373 solid 1px;
	    border-radius: 20px;
	    line-height: 30px;
	    text-align: center;
	}
	.deleteBox div .cancelBtn{
		margin:0 50px;
	}
	.deleteBox div .okBtn{
	}
	.addInfosBtn{
		width:194px;
		height: 34px;
		background: url(/img/admin/addBtn_bg1.png) no-repeat;
		background-size: 100% 100%;
		text-align: center;
		line-height: 34px;
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		cursor: pointer;
		font-family: "微软雅黑";
		float:left;
		margin: 28px 0;
	}
	.addInfosBtn:hover{background: url(/img/admin/addBtn_bg2.png) no-repeat;
		background-size: 100% 100%;}
	.addInfosBtn:visited{background: url(/img/admin/addBtn_bg1.png) no-repeat;
		background-size: 100% 100%;}
	.addInfosBtn:active{background: url(/img/admin/addBtn_bg2.png) no-repeat;
		background-size: 100% 100%;}
	.labelBox{
		display: block;
		text-align: center;
		height: 25px;
		color:red;
		margin: 15px auto;
		margin-bottom: 0;
	}
	#updataPWlabelBox{
		font-size: 20px;
	}
	.accountManage tr td p{
		width:126px;
		height: 24px;
		margin: 0 auto;
	}
	.accountManage tr td p span{
		width: 60px;
		height: 24px;
		line-height: 24px;
		display: block;
		float: left;
		background: #101113;
		color:#fff;
		cursor: pointer;
	}
	.accountManage tr td p span:hover{
		background: #444444;
	}
	.accountManage tr td p span:visited{background: #101113;}
	.accountManage tr td p span:active{background: #444444;}
	.accountManage tr td p .writeBtn{
		border-bottom-left-radius:15px;
		border-top-left-radius: 15px;
		border-right: 1px solid #000;
	}
	.accountManage tr td p .deleteBtn{
		border-bottom-right-radius:15px;
		border-top-right-radius: 15px;
	}

	.addAccount{
		float: left;
		width:250px;
		height: 50px;
		border:1px solid #ccc;
	}

	/*accountManage page css*/
	.accountManageBg,.deleteAccountBg{
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	.accountManageBg .accountManage div .spanWidth{width:300px;}
	.accountManageBg .accountManage,.deleteAccountBg .deleteAccount{
		width: 800px;
		height: 500px;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-400px;
		margin-top:-250px;
		padding:0 50px;
		border:1px solid #a8a5a5;
		background:#fff;
		border-radius: 20px;
		box-shadow:3px 3px 30px 15px #ccc;
	}

	.accountManage div{
		width:400px;
		margin:0 auto;
		margin-left: 200px;
		margin-top: 15px;
		position: relative;
	}
	.accountManage .div_relative{
		position: relative;
	}
	.accountManage div span{
		width: 100px;
		display: inline-block;
		font-weight:bold;
		height: 30px;
		height: 30px;
	}
	.accountManage div input{
		border:1px solid #8e8c8c;
		height:25px;
		width:200px;
		border-radius: 2px;
		padding:0 5px;
	}
	.accountManage div .generalManager{
		border:1px solid #8e8c8c;
		height:25px;
		width:198px;
		border-radius: 2px;
		font-weight: 300;
	}
	.accountManage div .accountEProperty{
		position: absolute;
		left: 100px;
		top: -1px;
		border:1px solid #8e8c8c;
		height:25px;
		width:198px;
		border-radius: 2px;
		font-weight: 300;
	}
	.accountManage .titleTxt,.deleteAccount .titleTxt{
		height: 40px;
		margin-top: 20px;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 35px;
		border-bottom: 1px solid #5f5e5e;
	}
	.deleteAccount .accountList{
		width:600px;
		margin:0 auto;
		margin-top: 20px;
		overflow: hidden;
	}
	.deleteAccount .accountList p{
		float: left;
		width:200px;

	}
	.deleteAccount .accountList p span{
		width:80px;
		display: inline-block;
	}
	.deleteAccount .hintText{
		text-align: center;
		font-size: 20px;
		margin-top: 100px;
		font-weight: bold;
	}
	.accountManage .btnBox,.deleteAccount .btnBox{
		height: 100px;
		width:350px;
		margin: 0 auto;
		margin-left: 175px;
		padding-top: 10px;
	}
	.accountManage .btnBox a,.deleteAccount .btnBox a{
		width:130px;
		height: 30px;
		float: left;
		text-align: center;
		border:1px solid #aaa;
		line-height: 30px;
		border-radius:15px;
	}
	.btnBox a:link{background: #ccc;}
	.btnBox a:hover{background: #ccc;}
	.btnBox a:visited{background: #fff;}
	.btnBox a:active{background: #ccc;}
	.btnBox a:link{background: #ccc;}
	.btnBox a:hover{background: #ccc;}
	.btnBox a:visited{background: #fff;}
	.btnBox a:active{background: #ccc;}
	.content .contentRight .searchList .dateList{
		width: 620px;
	    float: right;
	    margin-right: 5%;
	    position: relative;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.contentRight .searchList div.dateList input {
		width:50px;
		height: 24px;
		line-height: 24px;
		border-radius: 0;
	}
	.searchList .dateList span{
		width:50px;
		display:inline-block;
		text-align: center;
		color:#5DC1CF;
		font-weight: bold;
	}

	.dataTables tr td.devicecodeVal{
		width:200px;
	}
	.chargeQueryHint{
		color: #F00;
		text-align: center;
		margin-top: 300px;
	}
	.filterWidth{
		width:65px;
	}
	.required{
		color:#f00;
		margin-left: 10px;
		height: 22px;
		line-height: 22px;
	}
	.required_right{
		color:#f00;
		height: 22px;
		line-height: 22px;
		position: absolute;
		top: 0;
		left: 610px;
	}
	.pagination li{
		float: left;
		
	}
	.pagination li a, .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
	}
	.accountManage .btnBox .cancelBtn,.deleteAccount .btnBox .cancelBtn{
		float: left;
	}
	.accountManage .btnBox .okBtn,.deleteAccount .btnBox .okBtn{
		float: right;
	}
	